﻿<navigation:Page x:Class="B2B.Views.Home" 
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
           mc:Ignorable="d"
           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
           d:DesignWidth="790" d:DesignHeight="1600"
           Title="Home Page" xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls" xmlns:telerikTransitions="clr-namespace:Telerik.Windows.Controls.TransitionEffects;assembly=Telerik.Windows.Controls">
    <Grid x:Name="LayoutRoot">
        <sdk:TabControl Margin="0" Name="tabControl1">
            <sdk:TabItem  Name="tabItem1">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="200" />
                    </Grid.ColumnDefinitions>

                    <Grid.RowDefinitions>
                        <RowDefinition Height="240" />
                        <RowDefinition Height="390" />
                        <RowDefinition Height="300" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>

                    <ListBox x:Name="PhotosListBox" Grid.Column="0" Grid.Row="0" Width="0" Height="0" DisplayMemberPath="Name" ItemsSource="{Binding PhotosCollection}" />
                    <telerik:RadTransitionControl Grid.Column="0" Grid.Row="0" x:Name="trans"
                                   Content="{Binding SelectedItem, ElementName=PhotosListBox}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="5,0" BorderThickness="1">
                        <telerik:RadTransitionControl.ContentTemplate>
                            <DataTemplate>
                                <Image Source="{Binding ImageUrl}"
                                    Stretch="Uniform"
                                    Width="Auto"
                                    Height="Auto" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
                            </DataTemplate>
                        </telerik:RadTransitionControl.ContentTemplate>

                        <telerik:RadTransitionControl.Transition>
                            <telerikTransitions:FlipWarpTransition />
                        </telerik:RadTransitionControl.Transition>

                        <telerik:RadTransitionControl.Easing>
                            <BackEase EasingMode="EaseInOut" Amplitude="0.5" />
                        </telerik:RadTransitionControl.Easing>

                    </telerik:RadTransitionControl>

                    <sdk:TabControl Grid.Row="1" Grid.Column="0" Margin="5" Name="tabControl2">
                        <sdk:TabItem  Name="tabItem2">
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="20" />
                                    <RowDefinition Height="150" />
                                    <RowDefinition Height="20" />
                                    <RowDefinition Height="150" />
                                </Grid.RowDefinitions>

                                <sdk:Label Margin="5,0,0,0" Content="Üretici/Marka Arama" Grid.Row="0" />

                                <Grid Grid.Row="1">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="10" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>

                                    <ListBox Grid.Column="0" x:Name="lstUreticiler">
                                    </ListBox>

                                    <ListBox Grid.Column="2" x:Name="lstMarkalar" />
                                </Grid>

                                <sdk:Label Margin="5,0,0,0" Content="Stok Gruplarında Arama" Grid.Row="2" />

                                <Grid Grid.Row="3">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="10" />
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="10" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>

                                    <ListBox Grid.Column="0" x:Name="lstKategori" />

                                    <ListBox Grid.Column="2" x:Name="lstAnaGrup" />

                                    <ListBox Grid.Column="4" x:Name="lstAltGrup" />
                                </Grid>
                            </Grid>
                        </sdk:TabItem>
                    </sdk:TabControl>

                    <Grid Grid.Row="2">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="10" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>

                        <sdk:TabControl Grid.Column="0" Margin="5" Name="tabControl3">
                            <sdk:TabItem Header="Haftanın Ürünü" Name="tabItem3">
                            </sdk:TabItem>
                        </sdk:TabControl>

                        <sdk:TabControl Grid.Column="2" Margin="5" Name="tabControl4">
                            <sdk:TabItem Header="Ayın Ürünü" Name="tabItem4">
                            </sdk:TabItem>
                        </sdk:TabControl>
                    </Grid>

                    <Grid Grid.Row="3">
                        <sdk:TabControl Margin="5" Name="tabControl5">
                            <sdk:TabItem Header="Vitrindekiler" Name="tabItem5">
                            </sdk:TabItem>
                        </sdk:TabControl>
                    </Grid>
                </Grid>
            </sdk:TabItem>
        </sdk:TabControl>
    </Grid>
</navigation:Page>
